<template>
    <view class="page">
        <view class="bank">
            <view class="bank-flex">
                <view class="bank-text">银行卡</view>
                <input class="bank-input"></input>
            </view>
            <view class="bank-flex mt-40">
                <view class="bank-text">卡号</view>
                <input class="bank-input"></input>
            </view>
        </view>

        <view class="bank">
            <view class="bank-flex">
                <view class="bank-text">持卡人</view>
                <input class="bank-input"></input>
            </view>
            <view class="bank-flex mt-40">
                <view class="bank-text">身份证号</view>
                <input class="bank-input"></input>
            </view>
            <view class="bank-flex mt-40">
                <view class="bank-text">手机号</view>
                <input class="bank-input"></input>
            </view>
            <view class="bank-flex mt-40">
                <view class="bank-text">验证码</view>
                <input class="bank-input1"></input>
                <view class="bank-btn">发送验证码</view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    name: 'addBankCard',
    components: {
    },
    data() {
        return {

        }
    },
    onLoad(options) {

    },
    onShow() {

    },
    methods: {

    }
}
</script>


<style lang="scss" scoped>
.page {

    padding: 0rpx 24rpx;
}

.bank {
    width: 702rpx;
    // height: 220rpx;
    flex-shrink: 0;
    border-radius: 24rpx;
    background: #FFF;
    padding: 30rpx 34rpx;
    margin-top: 20rpx;
}

.bank-flex {
    display: flex;
    border-bottom: 1rpx solid #E6E6E6;
    padding-bottom: 15rpx;

    .bank-text {
        width: 140rpx;
        color: #222222;
        font-family: "PingFang SC";
        font-size: 32rpx;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-right: 40rpx;
    }

    .bank-input {
        width: 450rpx;
    }

    .bank-input1 {
        width: 400rpx;
    }

    .bank-btn {
        width: 160rpx;
        height: 50rpx;
        flex-shrink: 0;
        border-radius: 8rpx;
        background: #B5B5B5;

        color: #ffffff;
        font-family: "PingFang SC";
        font-size: 24rpx;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.mt-40 {
    margin-top: 40rpx;
}
</style>